<template>
    <div>
        <swat :title="title"></swat>
        <div style="height: 45px;"></div>
        <van-tabs v-model:active="active">
            <van-tab title="推荐">
                <swiper :images="images"></swiper>
            </van-tab>
            <van-tab title="美食">内容 2</van-tab>
            <van-tab title="运动">内容 3</van-tab>
            <van-tab title="保健品">内容 4</van-tab>
            <van-tab title="内衣">内容 4</van-tab>
            <van-tab title="更多">内容 4</van-tab>
        </van-tabs>

    </div>
</template>

<script setup>
import swat from '@/components/swat.vue';
const title = '导航'
import swiper from '@/components/swiper.vue';
const images = [
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
];
</script>

<style lang="scss" scoped></style>